/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
@import "../../../../../../Base/baseLib/baseTheme/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/base/base.less" */

@import "../../../../../sap/ui/core/themes/base/global.less";

// Note: The units might not be stable. Therefore, do not rely on Less internal math, but use CSS calc() to make calculations.

@_sap_ui_table_BaseSize: @_sap_ui_table_BaseSizeCompact; // Default, if no density is defined.
@_sap_ui_table_BaseSizeCozy: 3rem; //@sapUiElementLineHeight;
@_sap_ui_table_BaseSizeCompact: 2rem;
@_sap_ui_table_BaseSizeCondensed: 1.5rem;
@_sap_ui_table_BaseBorderWidth: @sapUiElementBorderWidth;

@_sap_ui_table_ColumnHeaderHeight: @_sap_ui_table_BaseSize;
@_sap_ui_table_ColumnHeaderHeightCozy: @_sap_ui_table_BaseSizeCozy;

@_sap_ui_table_RowHeight: calc(@_sap_ui_table_BaseSize ~"+" @_sap_ui_table_BaseBorderWidth);
@_sap_ui_table_RowHeightCozy: calc(@_sap_ui_table_BaseSizeCozy ~"+" @_sap_ui_table_BaseBorderWidth);
@_sap_ui_table_RowHeightCondensed: calc(@_sap_ui_table_BaseSizeCondensed ~"+" @_sap_ui_table_BaseBorderWidth);

@_sap_ui_table_RowHighlightWidth: 6px;

@_sap_ui_table_RowSelectorWidth: @_sap_ui_table_BaseSize;
@_sap_ui_table_RowSelectorWidthCozy: @_sap_ui_table_BaseSizeCozy;
@_sap_ui_table_RowSelectorWidthCondensed: @_sap_ui_table_BaseSizeCompact;

@_sap_ui_table_RowActionItemSize: calc(@_sap_ui_table_BaseSize ~"-" 0.375rem);
@_sap_ui_table_RowActionItemSizeCozy: calc(@_sap_ui_table_BaseSizeCozy ~"-" 0.5rem);
@_sap_ui_table_RowActionItemSizeCondensed: calc(@_sap_ui_table_BaseSizeCondensed ~"-" 0.125rem);
@_sap_ui_table_RowActionPadding: 0.25rem;
@_sap_ui_table_RowActionColumnWidth: calc(~"2 *" @_sap_ui_table_RowActionItemSize ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth);
@_sap_ui_table_RowActionColumnWidthCozy: calc(~"2 *" @_sap_ui_table_RowActionItemSizeCozy ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth);
@_sap_ui_table_RowActionColumnWidthCondensed: calc(~"2 *" @_sap_ui_table_RowActionItemSizeCondensed ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth);
@_sap_ui_table_RowActionColumnSmallWidth: calc(@_sap_ui_table_RowActionItemSize ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth);
@_sap_ui_table_RowActionColumnSmallWidthCozy: calc(@_sap_ui_table_RowActionItemSizeCozy ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth);
@_sap_ui_table_RowActionColumnSmallWidthCondensed: calc(@_sap_ui_table_RowActionItemSizeCondensed ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth);

@_sap_ui_table_NavigationIcon: navigation-right-arrow;
@_sap_ui_table_DeleteIcon: sys-cancel;
@_sap_ui_table_ResetIcon: undo;

@_sap_ui_table_FocusOutlineWidth: 1px;

// Internet Explorer does not support nested calc().
@_sap_ui_table_RowHeightForIECalc: ~"(" @_sap_ui_table_BaseSize ~"+" @_sap_ui_table_BaseBorderWidth ~")";
@_sap_ui_table_RowHeightCozyForIECalc: ~"(" @_sap_ui_table_BaseSizeCozy ~"+" @_sap_ui_table_BaseBorderWidth ~")";
@_sap_ui_table_RowHeightCondensedForIECalc: ~"(" @_sap_ui_table_BaseSizeCondensed ~"+" @_sap_ui_table_BaseBorderWidth ~")";
@_sap_ui_table_RowActionItemSizeForIECalc: ~"(" @_sap_ui_table_BaseSize ~"-" 0.375rem ~")";
@_sap_ui_table_RowActionItemSizeCozyForIECalc: ~"(" @_sap_ui_table_BaseSizeCozy ~"-" 0.5rem ~")";
@_sap_ui_table_RowActionItemSizeCondensedForIECalc: ~"(" @_sap_ui_table_BaseSizeCondensed ~"-" 0.125rem ~")";
@_sap_ui_table_RowActionColumnWidthForIECalc: ~"(2 *" @_sap_ui_table_RowActionItemSizeForIECalc ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth ~")";
@_sap_ui_table_RowActionColumnWidthCozyForIECalc: ~"(2 *" @_sap_ui_table_RowActionItemSizeCozyForIECalc ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth ~")";
@_sap_ui_table_RowActionColumnWidthCondensedForIECalc: ~"(2 *" @_sap_ui_table_RowActionItemSizeCondensedForIECalc ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth ~")";
@_sap_ui_table_RowActionColumnSmallWidthForIECalc: ~"(" @_sap_ui_table_RowActionItemSizeForIECalc ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth ~")";
@_sap_ui_table_RowActionColumnSmallWidthCozyForIECalc: ~"(" @_sap_ui_table_RowActionItemSizeCozyForIECalc ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth ~")";
@_sap_ui_table_RowActionColumnSmallWidthCondensedForIECalc: ~"(" @_sap_ui_table_RowActionItemSizeCondensedForIECalc ~"+ 2 *" @_sap_ui_table_RowActionPadding ~"+ 2 *" @_sap_ui_table_BaseBorderWidth ~")";

/* START "Table.less" */
/* =================================== */
/* CSS for control sap.ui.table/Table  */
/* Base theme                          */
/* =================================== */

@_sap_ui_table_Table_HeaderHeight: @_sap_ui_table_BaseSizeCozy;
@_sap_ui_table_Table_HeaderPaddingLeft: 1rem;
@_sap_ui_table_Table_HeaderPaddingRight: 1rem;
@_sap_ui_table_Table_FooterHeight: @_sap_ui_table_BaseSizeCozy;
@_sap_ui_table_Table_FooterPaddingLeft: 1rem;
@_sap_ui_table_Table_FooterPaddingRight: 1rem;
@_sap_ui_table_Table_TableHeaderBorderWidth: @_sap_ui_table_BaseBorderWidth;
@_sap_ui_table_Table_TableHeaderBorderColor: @sapUiListVerticalBorderColor;

// Can be used in other themes to add styles for which there are no style definitions in the base theme and therefore no theme parameters.
._sap_ui_table_Table_Header() {}
._sap_ui_table_Table_Extension() {}
._sap_ui_table_Table_Table() {}

/*******************************************************************************
 * MAIN TABLE SECTIONS (First Level Elements)
 ******************************************************************************/

.sapUiTable {
	font-family: @sapUiDesktopFontFamily;
	color: @sapUiListTextColor;
	position: relative;
	box-sizing: border-box;
	z-index: 0; // Define stacking context to avoid conflicts with other controls
}

.sapUiTableHdr {
	display: flex;
	align-items: center;
	padding-left: @_sap_ui_table_Table_HeaderPaddingLeft;
	padding-right: @_sap_ui_table_Table_HeaderPaddingRight;
	background-color: @sapUiGroupTitleBackground;
	min-height: @_sap_ui_table_Table_HeaderHeight;

	> * {
		flex: 1 1 auto;
	}

	html[data-sap-ui-browser^="ie"] & {
		height: @_sap_ui_table_Table_HeaderHeight;
	}

	._sap_ui_table_Table_Header();
}

.sapUiTableHdrTitle {
	font-family: @sapUiFontHeaderFamily;
	font-size: @sapMFontHeader4Size;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiGroupTitleTextColor;
}

.sapUiTableTbr,
.sapUiTableExt {
	._sap_ui_table_Table_Extension();
}

.sapUiTableCnt {
	box-sizing: border-box;
	position: relative;
	overflow: hidden; /* avoid scrollbar for column resize handlers */
	border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
	border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
	border-top: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;
	background-color: @sapUiListBackground;
	._sap_ui_table_Table_Table();
}

.sapUiTableFtr {
	display: flex;
	align-items: center;
	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
	border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
	border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
	box-sizing: border-box;
	min-height: @_sap_ui_table_Table_FooterHeight;
	background-color: @sapUiListBackground;
	padding-left: @_sap_ui_table_Table_FooterPaddingLeft;
	padding-right: @_sap_ui_table_Table_FooterPaddingLeft;
	font-weight: bold;

	> * {
		flex: 1 1 auto;
	}

	html[data-sap-ui-browser^="ie"] & {
		height: @_sap_ui_table_Table_FooterHeight;
	}
}

.sapUiTablePlaceholder {
	background-color: @sapUiListBackground;
	box-sizing: border-box;
	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
}

.sapUiTableOuterAfter,
.sapUiTableOuterBefore {
	display: none;
}

/*******************************************************************************
 * OTHERS
 ******************************************************************************/

.sapUiTableNoOpacity {
	opacity: 0;
	overflow: hidden;
}

.sapUiTableHiddenSizeDetector {
	position: absolute;
	left: -1000px;
	visibility: hidden;
	display: inline-block;
}

// Hide table during transition, because shrinked width causes growing rows
.sapMNavItemFlipping .sapUiTable {
	opacity: 0;
}

.sapUiTable .sapUiLocalBusyIndicator {
	z-index: 11; // The BusyIndicator deserves to be on top!
}

.sapUiTableHidden {
	display: none;
}

/*******************************************************************************
 * OVERLAY / NODATA AREA
 ******************************************************************************/

.sapUiTableCtrlEmptyMsg {
	position: absolute;
	top: 50%;
	display: inline-block;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0.2rem 1rem;
	transform: translateY(-50%);
	white-space: pre-wrap;
}

.sapUiTableCtrlEmpty,
.sapUiTableOverlayArea {
	display: none;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	box-sizing: border-box;
}

.sapUiTableCtrlEmpty {
	background-color: @sapUiListBackground;
	font-size: @sapMFontMediumSize;
	z-index: 10; // Makes sure that the NoData overlays the rows. For example, sapUiTableRowActionScr also has a z-index.

	.sapUiSizeCozy & {
		font-size: @sapMFontLargeSize;
	}
}

.sapUiTableOverlayArea {
	background-color: transparent;
	z-index: 10;
}

.sapUiTableEmpty {
	.sapUiTableCtrlEmpty {
		display: block;
	}

	.sapUiTableCtrlAfter {
		display: none;
	}
}

.sapUiTableOverlayArea:focus,
.sapUiTableCtrlEmpty:focus,
.sapUiTableCnt > .sapUiLocalBusyIndicator:focus {
	outline-width: @_sap_ui_table_FocusOutlineWidth;
	outline-style: dotted;
	outline-offset: -3px;
	outline-color: @sapUiContentFocusColor;
}

html[data-sap-ui-browser^="ie"], html[data-sap-ui-browser^="ed"] {

	.sapUiTableOverlayArea:focus,
	.sapUiTableCtrlEmpty:focus,
	.sapUiTableCnt > .sapUiLocalBusyIndicator:focus {
		outline-width: 0;
	}

	.sapUiTableOverlayArea:focus::before,
	.sapUiTableCtrlEmpty:focus::before,
	.sapUiTableCnt > .sapUiLocalBusyIndicator:focus::before {
		position: absolute;
		top: 2px;
		left: 2px;
		right: 2px;
		bottom: 2px;
		border-width: @_sap_ui_table_FocusOutlineWidth;
		border-style: dotted;
		border-color: @sapUiContentFocusColor;
		content: "";
		pointer-events: none;
	}

}

.sapUiTable.sapUiTableOverlay {

	/* Since in visibleRowCountMode=Auto, the table has no height, the overlay must be applied to every child div
	   of the table root div. Because they have some borders and margins applied, the stretch the overlay by 2 pixels to top and
	   bottom to be able to cover margins and borders*/

	> div::after {
		content: '';
		z-index: 9;
		/* same as sapUiOverlay */
		background-color: fade(@sapUiGroupContentBackground, 80);
		position: absolute;
		top: -2px;
		left: 0;
		right: 0;
		bottom: -2px;
		/* same as sapUiOverlay */
	}

	> div {
		position: relative;
	}

	.sapUiTableOuterBefore,
	.sapUiTableOuterAfter,
	.sapUiTableOverlayArea {
		display: block;
	}

	.sapUiTableHdr,
	.sapUiTableTbr,
	.sapUiTableExt,
	.sapUiTableFtr,
	.sapUiTableColHdrCnt,
	.sapUiTableColRsz,
	.sapUiTableCCnt,
	.sapUiTableHSb {
		pointer-events: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

}

/*******************************************************************************
 * COLUMN HEADERS
 ******************************************************************************/

.sapUiTableColHdrCnt {
	display: none;
	position: relative;
	background-color: @sapUiListHeaderBackground;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	min-height: @_sap_ui_table_ColumnHeaderHeight;
	border-bottom: @_sap_ui_table_Table_TableHeaderBorderWidth solid @_sap_ui_table_Table_TableHeaderBorderColor;
	color: @sapUiListTextColor;
}

/* FIX for IE fixed columns */
html[data-sap-ui-browser^="ie"] .sapUiTableColHdrCnt {
	width: 100%;
}

.sapUiTableCHdr .sapUiTableColHdrCnt {
	display: block;
}

.sapUiSizeCozy .sapUiTableColHdrCnt {
	min-height: @_sap_ui_table_ColumnHeaderHeightCozy;
	border-bottom-color: @sapUiListHeaderBorderColor;
}

.sapUiTableColHdrScr {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	height: 100%;
	white-space: nowrap;
	box-sizing: border-box;
}

.sapUiTableColHdrScr {
	margin: 0;
}

.sapUiTableColHdrScr.sapUiTableHasNoColumns {
	min-height: @_sap_ui_table_ColumnHeaderHeight;
}

.sapUiSizeCozy .sapUiTableColHdrScr.sapUiTableHasNoColumns {
	min-height: @_sap_ui_table_ColumnHeaderHeightCozy;
}

/*******************************************************************************
 * ROW HEADERS
 ******************************************************************************/

.sapUiTableRowHdrScr {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	min-height: @_sap_ui_table_RowHeight;
	touch-action: none; /* for touch scrolling */

	.sapUiTableRowSelectors &,
	.sapUiTableRowHighlights & {
		display: block;
	}

	.sapUiTableRowSelectors:not(.sapUiTableRowHighlights) & {
		width: @_sap_ui_table_RowSelectorWidth;
	}

	.sapUiTableRowHighlights:not(.sapUiTableRowSelectors) & {
		width: @_sap_ui_table_RowHighlightWidth;
	}

	.sapUiTableRowHighlights.sapUiTableRowSelectors & {
		width: calc(@_sap_ui_table_RowSelectorWidth ~"+" @_sap_ui_table_RowHighlightWidth);
	}
}

.sapUiSizeCondensed {
	.sapUiTableRowHdrScr {
		min-height: @_sap_ui_table_RowHeightCondensed;
	}

	.sapUiTableRowSelectors:not(.sapUiTableRowHighlights) .sapUiTableRowHdrScr {
		width: @_sap_ui_table_RowSelectorWidthCondensed;
	}

	.sapUiTableRowHighlights.sapUiTableRowSelectors .sapUiTableRowHdrScr {
		width: calc(@_sap_ui_table_RowSelectorWidthCondensed ~"+" @_sap_ui_table_RowHighlightWidth);
	}
}

.sapUiSizeCozy {
	.sapUiTableRowHdrScr {
		min-height: @_sap_ui_table_RowHeightCozy;
	}

	.sapUiTableRowSelectors:not(.sapUiTableRowHighlights) .sapUiTableRowHdrScr {
		width: @_sap_ui_table_RowSelectorWidthCozy;
	}

	.sapUiTableRowHighlights.sapUiTableRowSelectors .sapUiTableRowHdrScr {
		width: calc(@_sap_ui_table_RowSelectorWidthCozy ~"+" @_sap_ui_table_RowHighlightWidth);
	}
}

.sapUiTableAriaRowSel {
	font-size: 0;
}

/*******************************************************************************
 * Row Actions
 ******************************************************************************/

.sapUiTableRowActionScr {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	z-index: 4; /* Ensure Action Area before Resize/Reorder bars*/
	touch-action: pan-x; /* for touch scrolling, vertical only */
}

.sapUiTableRAct .sapUiTableRowActionScr,
.sapUiTableRActS .sapUiTableRowActionScr {
	display: block;
}

/*******************************************************************************
 * INNER TABLE
 ******************************************************************************/

.sapUiTableCCnt {
	position: relative;
	overflow: hidden;
	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
}

.sapUiTableCtrlCnt {
	box-sizing: border-box;
	min-height: @_sap_ui_table_RowHeight;
}

.sapUiSizeCozy .sapUiTableCtrlCnt {
	min-height: @_sap_ui_table_RowHeightCozy;
}

.sapUiSizeCondensed .sapUiTableCtrlCnt {
	min-height: @_sap_ui_table_RowHeightCondensed;
}

.sapUiTableCtrl {
	position: relative;
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.sapUiTableCtrlScr {
	position: relative;
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
}

/* disable default touch move behavior on scrollable table rows,
   vertical and horizontal scrolling is done in TableScrollExtensions.js */
.sapUiTableCtrlRowScroll {
	touch-action: none;
}

/* disable horizontal touch move behavior on fixed table rows
   horizontal scrolling is done in in TableScrollExtensions.js */
.sapUiTableCtrlRowFixed, .sapUiTableCtrlRowFixedBottom {
	touch-action: pan-y;
}

.sapUiTableVScr .sapUiTableCtrlScr {
	border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
}

.sapUiTableRAct .sapUiTableCtrlScr,
.sapUiTableRActS .sapUiTableCtrlScr {
	border-right-width: 0;
}

.sapUiTableCtrlScrFixed {
	float: left;
}

.sapUiTableRowSelectors:not(.sapUiTableRowHighlights) {
	.sapUiTableCtrlScr,
	.sapUiTableCtrlScrFixed {
		margin-left: @_sap_ui_table_RowSelectorWidth;
	}
}

.sapUiTableRowHighlights:not(.sapUiTableRowSelectors) {
	.sapUiTableCtrlScr,
	.sapUiTableCtrlScrFixed {
		margin-left: @_sap_ui_table_RowHighlightWidth;
	}
}

.sapUiTableRowSelectors.sapUiTableRowHighlights {
	.sapUiTableCtrlScr,
	.sapUiTableCtrlScrFixed {
		margin-left: calc(@_sap_ui_table_RowSelectorWidth ~"+" @_sap_ui_table_RowHighlightWidth);
	}
}

.sapUiSizeCozy {

	&.sapUiTableRowSelectors,
	.sapUiTableRowSelectors {

		&:not(.sapUiTableRowHighlights) {
			.sapUiTableCtrlScr,
			.sapUiTableCtrlScrFixed {
				margin-left: @_sap_ui_table_RowSelectorWidthCozy;
			}
		}
	}

	&.sapUiTableRowSelectors,
	.sapUiTableRowSelectors {

		&.sapUiTableRowHighlights {
			.sapUiTableCtrlScr,
			.sapUiTableCtrlScrFixed {
				margin-left: calc(@_sap_ui_table_RowSelectorWidthCozy ~"+" @_sap_ui_table_RowHighlightWidth);
			}
		}
	}
}

.sapUiSizeCondensed {

	&.sapUiTableRowSelectors,
	.sapUiTableRowSelectors {

		&:not(.sapUiTableRowHighlights) {
			.sapUiTableCtrlScr,
			.sapUiTableCtrlScrFixed {
				margin-left: @_sap_ui_table_RowSelectorWidthCondensed;
			}
		}
	}

	&.sapUiTableRowSelectors,
	.sapUiTableRowSelectors {

		&.sapUiTableRowHighlights {
			.sapUiTableCtrlScr,
			.sapUiTableCtrlScrFixed {
				margin-left: calc(@_sap_ui_table_RowSelectorWidthCondensed ~"+" @_sap_ui_table_RowHighlightWidth);
			}
		}
	}
}

.sapUiTableCtrlCol { /* row defining the width of the cols */
	height: 0 !important;
	margin: 0;
	padding: 0;
	border: none;
}

.sapUiTableCtrlCol > th {
	height: inherit;
	margin: 0;
	padding: 0;
	border: none;
}

.sapUiTableCtrlCol > th > * {
	display: none;
}
/* END "Table.less" */

/* START "Row.less" */
/* ================================= */
/* CSS for control sap.ui.table/Row  */
/* Base theme                        */
/* ================================= */

@_sap_ui_table_Row_Color: @sapUiListTextColor;
@_sap_ui_table_Row_ColorHovered: @_sap_ui_table_Row_Color;

.sapUiTableHeaderRow {
	background-color: @sapUiListHeaderBackground;
}

.sapUiTableContentRow {
	position: relative;
	background-color: @sapUiListBackground;

	&.sapUiTableRowAlternate {
		background-color: darken(@sapUiListBackground, 2);
	}

	&.sapUiTableRowSel {
		background-color: @sapUiListSelectionBackgroundColor;
	}

	&.sapUiTableRowHvr {
		background-color: @sapUiListHoverBackground;
		color: @_sap_ui_table_Row_ColorHovered;
	}

	&.sapUiTableRowSel.sapUiTableRowHvr {
		background-color: @sapUiListSelectionHoverBackground;
	}
}

.sapUiTableColHdrTr,
.sapUiTableTr {
	color: @_sap_ui_table_Row_Color;
	height: @_sap_ui_table_RowHeight;

	.sapUiSizeCozy & {
		height: @_sap_ui_table_RowHeightCozy;
	}
}

.sapUiTableTr {
	font-weight: normal;
	box-sizing: border-box;

	.sapUiSizeCondensed & {
		height: @_sap_ui_table_RowHeightCondensed;
	}

	.sapUiTableResizing .sapUiTableCtrlCnt & {
		pointer-events: none;
	}
}
/* END "Row.less" */

/* START "CreationRow.less" */
/* ========================================= */
/* CSS for control sap.ui.table/CreationRow  */
/* Base theme                                */
/* ========================================= */

.sapUiTableCreationRow {
	display: flex;
	background-color: @sapUiListHeaderBackground;
	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;

	> .sapUiTableCreationRowBeginSection {
		flex: none;
		position: relative;
		border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
	}

	> .sapUiTableCreationRowMiddleSection {
		overflow: hidden;
	}

	> .sapUiTableCreationRowEndSection {
		flex: none;
		position: relative;
		height: auto;
		border-bottom: none;

		.sapUiTableRActFlexible & {
			width: 0 !important;
		}

		&.sapUiTableVSbBg {
			border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor !important;
			box-sizing: content-box !important;
		}
	}

	.sapUiTableCreationRowForm {
		display: flex;

		> .sapUiTableCtrlScr {
			margin: 0 !important;
			border-right: none !important;
		}

		table {
			height: 100%;
		}

		.sapUiTableCell {
			&:extend(.sapUiTableDataCell all); // We want the styles, but not the class. It is a "type class" that influences the tables behavior.

			// The cells in the creation row should not have any borders except the ones that indicate fixed areas (e.g. fixed columns).
			border-color: transparent;

			// Fixed data column border
			&.sapUiTableCellLastFixed {
				border-right-color: @sapUiListTableFixedBorder;
			}

			// Row action column border
			.sapUiTableHScr &.sapUiTableRowActionHeaderCell {
				border-left-color: @sapUiListTableFixedBorder;
			}

			// The height is fixed to the default row height (or the application defined height, see TableRenderer) until variable row heights are
			// generally supported.
			> .sapUiTableCellInner {
				max-height: @_sap_ui_table_BaseSize;

				.sapUiSizeCozy & {
					max-height: @_sap_ui_table_BaseSizeCozy;
				}
				.sapUiSizeCondensed & {
					max-height: @_sap_ui_table_BaseSizeCondensed;
				}
			}
		}

		.sapUiTableCellDummy {
			border-color: transparent;
		}
	}
}
/* END "CreationRow.less" */

/* START "Cell.less" */
/* ========================== */
/* CSS for sap.ui.table/Cell  */
/* Base theme                 */
/* ========================== */

@_sap_ui_table_Cell_FocusOutlineOffset: -1px;
@_sap_ui_table_Cell_FocusOutlineOffsetInZoomedChrome: -2px;
@_sap_ui_table_Cell_Padding: 0 0.5rem;
@_sap_ui_table_Cell_TouchMenuIconSize: 1.375rem;
@_sap_ui_table_Cell_ColumnIconSize: 0.75rem;
@_sap_ui_table_Cell_BorderColorSelected: @sapUiListBorderColor;
@_sap_ui_table_Cell_ShadowColorSelected: transparent;
@_sap_ui_table_Cell_BorderColorFixedSelected: @sapUiListTableFixedBorder;
@_sap_ui_table_Cell_ShadowColorFixed: transparent;
@_sap_ui_table_Cell_BorderBottomFocus: @sapUiListTableFixedBorder;

/*
 * Focus visualization
 * NOTE: IE and Edge use native outline rendering. It has correct contrast and offset. Any attempt to specify another outline in CSS breaks it.
 */

.outline() {
	outline-offset: @_sap_ui_table_Cell_FocusOutlineOffset;
	outline: @_sap_ui_table_FocusOutlineWidth dotted @sapUiContentFocusColor;

	.sapUiTableZoomout & {
		outline-offset: @_sap_ui_table_Cell_FocusOutlineOffsetInZoomedChrome;
	}

	// To show the bottom focus outline of row selection cells that would otherwise be hidden by the top border of the selection cell below.
	.sapUiTableGroupMode &.sapUiTableRowSelectionCell:focus {
		z-index: 1;
	}
}

/* WebKit */
.sapUiTableCell:focus:not(*:root) {
	.outline();
}

/* Firefox */
@supports (-moz-appearance:meterbar) {
	.sapUiTableCell:focus {
		.outline();
	}
}

/*
 * Hover
 */
.sapUiTableHeaderCell:not(.sapUiTableRowActionHeaderCell) {
	&:hover {
		background-color: @sapUiListHoverBackground;
	}
}

/*
 * Borders
 */
.sapUiTableCell {
	box-sizing: border-box;
	border-right: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;

	.sapUiTableRowIndented > &.sapUiTableRowSelectionCell {
		border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;
	}

	// Adds a border on top that might be required due to indentation of the row above.
	.sapUiTableGroupMode &.sapUiTableRowSelectionCell {
		box-shadow: 0 -@_sap_ui_table_BaseBorderWidth @sapUiListBorderColor;
	}

	// Last data column border
	&.sapUiTableCellLast {
		// The table and row action column have a border, so the last data column doesn't need one.
		// See: sapUiTableCellDummy, sapUiTableCtrlScr
		border-right-color: transparent;
	}

	// Row action column border
	&.sapUiTableRowActionHeaderCell,
	&.sapUiTableRowActionCell {
		border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;

		.sapUiTableHScr & {
			border-left-color: @sapUiListTableFixedBorder;
		}
	}
	&.sapUiTableRowActionHeaderCell {
		border-right: none;
	}

	// Fixed data column border
	&.sapUiTableCellLastFixed {
		border-right-color: @sapUiListTableFixedBorder;
	}

	// Header rows borders
	&.sapUiTableHeaderCell {
		// Column header rows don't have bottom borders. The header area as a whole has a bottom border.
		// See: sapUiTableColHdrCnt
		border-bottom: none;
	}

	// Fixed rows borders
	.sapUiTableRowLastFixedTop > &,
	.sapUiTableRowLastScrollable > & {
		border-bottom-color: @sapUiListTableFixedBorder;
		box-shadow: 0 -@_sap_ui_table_BaseBorderWidth @_sap_ui_table_Cell_ShadowColorFixed inset;

		.sapUiTableRowSel& {
			border-bottom-color: @_sap_ui_table_Cell_BorderColorFixedSelected;
			box-shadow: 0 -@_sap_ui_table_BaseBorderWidth @_sap_ui_table_Cell_ShadowColorSelected inset;
		}

		&:focus {
			border-bottom-color: @_sap_ui_table_Cell_BorderBottomFocus;
		}
	}

	// Last row border
	.sapUiTableLastRow > & {
		// The table has a border, so the last row doesn't need one.
		border-bottom-color: transparent;
	}

	> .sapUiTableCellInner {
		box-sizing: border-box;
	}

	.sapUiTableRowSel > & {
		border-bottom-color: @_sap_ui_table_Cell_BorderColorSelected;
	}
}

.sapUiTableRowSelectionHeaderCell { // Contains highlight and SelectAll selector.
	display: none;
	vertical-align: bottom;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: @_sap_ui_table_RowSelectorWidth;
	min-height: @_sap_ui_table_ColumnHeaderHeight;

	.sapUiSizeCozy & {
		min-height: @_sap_ui_table_ColumnHeaderHeightCozy;
	}

	.sapUiTableRowSelectors &,
	.sapUiTableRowHighlights & {
		display: inline-block;
	}

	// Only selectors visible.
	.sapUiTableRowSelectors:not(.sapUiTableRowHighlights) & {
		width: @_sap_ui_table_RowSelectorWidth;

		.sapUiSizeCondensed & {
			width: @_sap_ui_table_RowSelectorWidthCondensed;
		}

		.sapUiSizeCozy & {
			width: @_sap_ui_table_RowSelectorWidthCozy;
		}
	}

	// Only highlights visible.
	.sapUiTableRowHighlights:not(.sapUiTableRowSelectors) & {
		width: @_sap_ui_table_RowHighlightWidth;
	}

	// Both selectors and highlights visible.
	.sapUiTableRowHighlights.sapUiTableRowSelectors & {
		width: calc(@_sap_ui_table_RowSelectorWidth ~"+" @_sap_ui_table_RowHighlightWidth);

		.sapUiSizeCondensed & {
			width: calc(@_sap_ui_table_RowSelectorWidthCondensed ~"+" @_sap_ui_table_RowHighlightWidth);
		}

		.sapUiSizeCozy & {
			width: calc(@_sap_ui_table_RowSelectorWidthCozy ~"+" @_sap_ui_table_RowHighlightWidth);
		}
	}

	&:active {
		background-color: @sapUiListActiveBackground;
	}

	&[disabled] > * {
		opacity: 0.3;
	}
}

.sapUiTableHeaderDataCell {
	padding-top: 7px;
	padding-bottom: 7px;

	> .sapUiTableCellInner {
		display: flex;
		flex: 1 1 auto;
		align-items: center;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: normal;
		padding: @_sap_ui_table_Cell_Padding;

		& > div:first-child {
			display: flex;
			flex: 1 1 auto;
			overflow: hidden;
		}

		&::after {
			.sapUiTableColSorted&,
			.sapUiTableColFiltered& {
				content: "";
				font-family: "SAP-Icons";
				font-size: @_sap_ui_table_Cell_ColumnIconSize;
				color: @sapUiContentNonInteractiveIconColor;
				margin-left: 0.5rem;
				flex: none;
			}

			.sapUiTableColSorted& {
				content: "\e1fd";
			}

			.sapUiTableColSortedD& {
				content: "\e1fc";
			}

			.sapUiTableColFiltered& {
				content: "\e076";
			}

			.sapUiTableColFiltered.sapUiTableColSorted& {
				content: "\e076\00a0\e1fd";
			}

			.sapUiTableColFiltered.sapUiTableColSortedD& {
				content: "\e076\00a0\e1fc";
			}
		}
	}

	> .sapUiTableCellTouchMenu {
		display: flex;
		justify-content: space-between;
		padding: @_sap_ui_table_Cell_Padding;

		.sapUiTableColResizer,
		.sapUiTableColDropDown {
			font-family: "SAP-icons";
			font-size: @_sap_ui_table_Cell_TouchMenuIconSize;
			color: @sapUiContentIconColor;
			cursor: default;

			&:active {
				color: @sapUiContentContrastTextColor;
			}
		}
	}
}

.sapUiTableHeaderCellActive {
	&:active {
		// The active state background color and text color should not be applied if column reordering is in progress.
		.sapUiTable:not(.sapUiTableDragDrop) & {
			background-color: @sapUiListActiveBackground;
			color: @sapUiListActiveTextColor;
		}

		& > .sapUiTableCellInner {
			span,
			label,
			&.sapUiTableColSorted::after,
			&.sapUiTableColFiltered::after {
				color: @sapUiListActiveTextColor;
			}
		}
	}
}

.sapUiTableRowActionHeaderCell {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	display: none;
	z-index: 4; /* Ensure Action Area before Resize/Reorder bars */
	width: @_sap_ui_table_RowActionColumnWidth;

	html[data-sap-ui-browser^="ie"] & {
		width: calc(@_sap_ui_table_RowActionColumnWidthForIECalc);
	}

	.sapUiTableRAct &,
	.sapUiTableRActS & {
		display: block;
	}

	.sapUiTableRActS & {
		width: @_sap_ui_table_RowActionColumnSmallWidth;

		html[data-sap-ui-browser^="ie"] & {
			width: calc(@_sap_ui_table_RowActionColumnSmallWidthForIECalc);
		}
	}

	.sapUiSizeCozy & {
		width: @_sap_ui_table_RowActionColumnWidthCozy;

		html[data-sap-ui-browser^="ie"] & {
			width: calc(@_sap_ui_table_RowActionColumnWidthCozyForIECalc);
		}
	}

	.sapUiSizeCozy .sapUiTableRActS &,
	.sapUiSizeCozy.sapUiTableRActS & {
		width: @_sap_ui_table_RowActionColumnSmallWidthCozy;

		html[data-sap-ui-browser^="ie"] & {
			width: calc(@_sap_ui_table_RowActionColumnSmallWidthCozyForIECalc);
		}
	}

	.sapUiSizeCondensed & {
		width: @_sap_ui_table_RowActionColumnWidthCondensed;

		html[data-sap-ui-browser^="ie"] & {
			width: calc(@_sap_ui_table_RowActionColumnWidthCondensedForIECalc);
		}
	}

	.sapUiSizeCondensed .sapUiTableRActS &,
	.sapUiSizeCondensed.sapUiTableRActS & {
		width: @_sap_ui_table_RowActionColumnSmallWidthCondensed;

		html[data-sap-ui-browser^="ie"] & {
			width: calc(@_sap_ui_table_RowActionColumnSmallWidthCondensedForIECalc);
		}
	}

	> span {
		display: none;
	}
}

.sapUiTableDataCell {
	padding: 0;
	vertical-align: middle;

	> .sapUiTableCellInner {
		text-overflow: ellipsis;
		overflow: hidden;
		padding: @_sap_ui_table_Cell_Padding;
		white-space: nowrap;

		.sapUiSizeCondensed & {
			padding: 0;

			> * {
				box-sizing: border-box;
				padding: @_sap_ui_table_Cell_Padding;
			}
		}
	}
}

.sapUiTableRowSelectionCell,
.sapUiTableRowActionCell {
	position: relative;
}

.sapUiTableRowActionCell {
	display: flex;
	align-items: center;
	min-width: @_sap_ui_table_RowActionColumnWidth;

	html[data-sap-ui-browser^="ie"] & {
		min-width: calc(@_sap_ui_table_RowActionColumnWidthForIECalc);
	}

	.sapUiTableRActS & {
		min-width: @_sap_ui_table_RowActionColumnSmallWidth;

		html[data-sap-ui-browser^="ie"] & {
			min-width: calc(@_sap_ui_table_RowActionColumnSmallWidthForIECalc);
		}
	}

	.sapUiSizeCozy & {
		min-width: @_sap_ui_table_RowActionColumnWidthCozy;

		html[data-sap-ui-browser^="ie"] & {
			min-width: calc(@_sap_ui_table_RowActionColumnWidthCozyForIECalc);
		}
	}

	.sapUiSizeCozy .sapUiTableRActS &,
	.sapUiSizeCozy.sapUiTableRActS & {
		min-width: @_sap_ui_table_RowActionColumnSmallWidthCozy;

		html[data-sap-ui-browser^="ie"] & {
			min-width: calc(@_sap_ui_table_RowActionColumnSmallWidthCozyForIECalc);
		}
	}

	.sapUiSizeCondensed & {
		min-width: @_sap_ui_table_RowActionColumnWidthCondensed;

		html[data-sap-ui-browser^="ie"] & {
			min-width: calc(@_sap_ui_table_RowActionColumnWidthCondensedForIECalc);
		}
	}

	.sapUiSizeCondensed .sapUiTableRActS &,
	.sapUiSizeCondensed.sapUiTableRActS & {
		min-width: @_sap_ui_table_RowActionColumnSmallWidthCondensed;

		html[data-sap-ui-browser^="ie"] & {
			min-width: calc(@_sap_ui_table_RowActionColumnSmallWidthCondensedForIECalc);
		}
	}
}

.sapUiTableCellDummy {
	background-color: darken(@sapUiListBackground, 2.5);
	border-left: @_sap_ui_table_BaseBorderWidth solid @sapUiListVerticalBorderColor;

	// Row actions cells are on top of the dummy cells, therefore they don't need a background color.
	.sapUiTableRActFlexible & {
		background-color: transparent;
	}
}

.sapUiTableCellFlex {
	display: flex;
}

.sapUiTableRowHidden.sapUiTableCell > *,
.sapUiTableRowHidden > .sapUiTableCell > *,
.sapUiTableCellHidden > * {
	display: none;
}
/* END "Cell.less" */

/* START "RowHighlight.less" */
/* ================================== */
/* CSS for sap.ui.table/RowHighlight  */
/* Base theme                         */
/* ================================== */

@_sap_ui_table_RowHighlight_SuccessColor: @sapUiSuccessBorder;
@_sap_ui_table_RowHighlight_ErrorColor: @sapUiErrorBorder;
@_sap_ui_table_RowHighlight_WarningColor: @sapUiWarningBorder;
@_sap_ui_table_RowHighlight_InformationColor: @sapUiInformationBorder;
@_sap_ui_table_RowHighlight_Indication01Color: @sapUiIndication1;
@_sap_ui_table_RowHighlight_Indication02Color: @sapUiIndication2;
@_sap_ui_table_RowHighlight_Indication03Color: @sapUiIndication3;
@_sap_ui_table_RowHighlight_Indication04Color: @sapUiIndication4;
@_sap_ui_table_RowHighlight_Indication05Color: @sapUiIndication5;

.sapUiTableRowHighlight {
	height: 100%;
	width: @_sap_ui_table_RowHighlightWidth;
	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;

	.sapUiTableRowLastFixedTop > &,
	.sapUiTableRowLastScrollable > & {
		border-bottom-color: @sapUiListTableFixedBorder;
	}

	.sapUiTableGroupHeader &,
	.sapUiAnalyticalTableSum & {
		display: none;
	}

	&.sapUiTableRowHighlightSuccess {
		background-color: @_sap_ui_table_RowHighlight_SuccessColor;
	}

	&.sapUiTableRowHighlightError {
		background-color: @_sap_ui_table_RowHighlight_ErrorColor;
	}

	&.sapUiTableRowHighlightWarning {
		background-color: @_sap_ui_table_RowHighlight_WarningColor;
	}

	&.sapUiTableRowHighlightInformation {
		background-color: @_sap_ui_table_RowHighlight_InformationColor;
	}

	&.sapUiTableRowHighlightIndication01 {
		background-color: @_sap_ui_table_RowHighlight_Indication01Color;
	}

	&.sapUiTableRowHighlightIndication02 {
		background-color: @_sap_ui_table_RowHighlight_Indication02Color;
	}

	&.sapUiTableRowHighlightIndication03 {
		background-color: @_sap_ui_table_RowHighlight_Indication03Color;
	}

	&.sapUiTableRowHighlightIndication04 {
		background-color: @_sap_ui_table_RowHighlight_Indication04Color;
	}

	&.sapUiTableRowHighlightIndication05 {
		background-color: @_sap_ui_table_RowHighlight_Indication05Color;
	}
}
/* END "RowHighlight.less" */

/* START "RowSelection.less" */
/* ================================== */
/* CSS for sap.ui.table/RowSelection  */
/* Base theme                         */
/* ================================== */

@_sap_ui_table_RowSelection_CheckBoxSize: 1rem;
@_sap_ui_table_RowSelection_CheckBoxSizeCozy: 1.375rem;
@_sap_ui_table_RowSelection_CheckBoxBorderWidth: 0.125rem;
@_sap_ui_table_RowSelection_CheckBoxBorderRadius: 0;
@_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy: 0.125rem;
@_sap_ui_table_RowSelection_CheckBoxBorderColor: @sapUiFieldBorderColor;
@_sap_ui_table_RowSelection_CheckBoxBorderColorHovered: @sapUiFieldHoverBorderColor;
@_sap_ui_table_RowSelection_CheckBoxIconSize: 0.625rem;
@_sap_ui_table_RowSelection_CheckBoxIconSizeCozy: 1rem;
@_sap_ui_table_RowSelection_CheckBoxIconColor: @sapUiSelected;

.sapUiTableSelectAllCheckBox,
.sapUiTableRowSelectionCell {
	&::after {
		content: '';
		position: absolute;
		border: @_sap_ui_table_RowSelection_CheckBoxBorderWidth solid @_sap_ui_table_RowSelection_CheckBoxBorderColor;
		background-color: @sapUiFieldBackground;
		font-family: "SAP-icons";
		text-align: center;
		color: @_sap_ui_table_RowSelection_CheckBoxIconColor;
		box-sizing: border-box;
		margin: auto;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: @_sap_ui_table_RowSelection_CheckBoxSize;
		height: @_sap_ui_table_RowSelection_CheckBoxSize;
		font-size: @_sap_ui_table_RowSelection_CheckBoxIconSize;
		border-radius: @_sap_ui_table_RowSelection_CheckBoxBorderRadius;

		.sapUiSizeCozy & {
			border-radius: @_sap_ui_table_RowSelection_CheckBoxBorderRadiusCozy;
		}
	}
}

.sapUiTableSelectAllCheckBox {
	display: none;
	height: 100%;
	width: 100%;

	.sapUiTableSelModeMultiToggle .sapUiTableRowSelectionHeaderCell.sapUiTableSelAllEnabled & {
		display: block;
	}

	&::after {
		display: flex;
		justify-content: center;
		align-items: center;

		/* Select All Checkbox should always be at the bottom */
		top: auto;
		bottom: calc(~"(" @_sap_ui_table_ColumnHeaderHeight ~"-" @_sap_ui_table_RowSelection_CheckBoxSize ~") / 2");

		.sapUiSizeCozy & {
			width: @_sap_ui_table_RowSelection_CheckBoxSizeCozy;
			height: @_sap_ui_table_RowSelection_CheckBoxSizeCozy;
			font-size: @_sap_ui_table_RowSelection_CheckBoxIconSizeCozy;

			/* Select All Checkbox should always be at the bottom */
			bottom: calc(~"(" @_sap_ui_table_ColumnHeaderHeightCozy ~"-" @_sap_ui_table_RowSelection_CheckBoxSizeCozy ~") / 2");
		}

		.sapUiTableRowSelectionHeaderCell:not(.sapUiTableSelAll) & {
			content: '\e05b';
		}

		.sapUiTableRowHighlights & {
			left: @_sap_ui_table_RowHighlightWidth;
		}
	}
	&:hover::after {
		border-color: @_sap_ui_table_RowSelection_CheckBoxBorderColorHovered;
	}
}

.sapUiTableRowSelectionCell::after {
	display: none;

	.sapUiTableSelModeMultiToggle.sapUiTableRowSelectors & {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.sapUiTableGroupHeader > &,
	.sapUiTableRowHidden > &,
	.sapUiAnalyticalTableSum > & {
		.sapUiTableSelModeMultiToggle & {
			display: none;
		}
	}

	.sapUiSizeCozy & {
		width: @_sap_ui_table_RowSelection_CheckBoxSizeCozy;
		height: @_sap_ui_table_RowSelection_CheckBoxSizeCozy;
		font-size: @_sap_ui_table_RowSelection_CheckBoxIconSizeCozy;
	}

	.sapUiTableRowHighlights & {
		left: @_sap_ui_table_RowHighlightWidth;
	}

	.sapUiTableRowSel & {
		.sapUiTableSelModeMultiToggle & {
			content: '\e05b';
		}
	}

	.sapUiTableRowHvr & {
		border-color: @_sap_ui_table_RowSelection_CheckBoxBorderColorHovered;
	}
}

.sapUiTableSelectClear {
    width: 100%;
    height: 100%;

    &::before {
        display: block;
		position: absolute;
		width: 100%;
		vertical-align: baseline;
		font-size: @_sap_ui_table_RowSelection_CheckBoxIconSizeCozy;
		line-height: @_sap_ui_table_RowSelection_CheckBoxSizeCozy;
        bottom: calc(~"(" @_sap_ui_table_ColumnHeaderHeight ~"-" @_sap_ui_table_RowSelection_CheckBoxSizeCozy ~") / 2");

        .sapUiSizeCozy & {
            bottom: calc(~"(" @_sap_ui_table_ColumnHeaderHeightCozy ~"-" @_sap_ui_table_RowSelection_CheckBoxSizeCozy ~") / 2");
        }
    }

	&:active {
		// The active state background color and text color should not be applied if column reordering is in progress.
		.sapUiTable:not(.sapUiTableDragDrop) & {
			background-color: @sapUiListActiveBackground;
			color: @sapUiListActiveTextColor;
		}
	}
}
/* END "RowSelection.less" */

/* START "RowAction.less" */
/* ======================================= */
/* CSS for control sap.ui.table/RowAction  */
/* Base theme                              */
/* ======================================= */

.sapUiTableAction {
	padding: 0 @_sap_ui_table_RowActionPadding;

	&.sapUiTableActionHidden,
	.sapUiTableGroupHeader &,
	.sapUiAnalyticalTableSum & {
		display: none;
	}
}

.sapUiTableActionIcon {
	height: @_sap_ui_table_RowActionItemSize;
	width: @_sap_ui_table_RowActionItemSize;
	line-height: @_sap_ui_table_RowActionItemSize;
	color: @sapUiContentIconColor;
	font-size: 1rem;

	// If the first action item is hidden, move the second item to the position where it would be if the first item wasn't hidden.
	.sapUiTableAction > .sapUiTableActionHidden + & {
		margin-left: @_sap_ui_table_RowActionItemSize;

		.sapUiSizeCozy & {
			margin-left: @_sap_ui_table_RowActionItemSizeCozy;
		}

		.sapUiSizeCondensed & {
			margin-left: @_sap_ui_table_RowActionItemSizeCondensed;
		}
	}

	&.sapUiTableActionHidden {
		display: none;
	}

	.sapUiSizeCozy & {
		height: @_sap_ui_table_RowActionItemSizeCozy;
		width: @_sap_ui_table_RowActionItemSizeCozy;
		line-height: @_sap_ui_table_RowActionItemSizeCozy;
	}

	.sapUiSizeCondensed & {
		height: @_sap_ui_table_RowActionItemSizeCondensed;
		width: @_sap_ui_table_RowActionItemSizeCondensed;
		line-height: @_sap_ui_table_RowActionItemSizeCondensed;
		font-size: 0.75rem;
	}
}
/* END "RowAction.less" */

/* START "Scrolling.less" */
/* =============================== */
/* CSS for sap.ui.table/Scrolling  */
/* Base theme                      */
/* =============================== */

/*
 * BEHAVIOR CLASSES:
 * -----------------
 * sapUiTableVScr   - display vertical scrollbar
 * sapUiTableHScr   - display horizontal scrollbar
 */

@_sap_ui_table_Scrolling_ScrollbarSize: 16px;
@_sap_ui_table_Scrolling_ScrollbarSizeIE: 18px; /* scrollbar sizes do not depend on the base font size in IE */
@_sap_ui_table_Scrolling_ScrollbarSizeEdge: 16px; /* scrollbar sizes do not depend on the base font size in Edge */
@_sap_ui_table_Scrolling_ScrollbarSizeMobile: 8px;
@_sap_ui_table_Scrolling_ScrollbarBackground: @sapUiListHeaderBackground;

// Can be used in other themes to add styles for which there are no style definitions in the base theme and therefore no theme parameters.
._sap_ui_table_Scrolling_NativeScrollbarCommon() {}
._sap_ui_table_Scrolling_NativeScrollbarDesktop() {}
._sap_ui_table_Scrolling_NativeScrollbarMobile() {}

.sapUiTableVSb,
.sapUiTableVSbBg {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: @_sap_ui_table_Scrolling_ScrollbarSize;
	box-sizing: border-box;
}

.sapUiTableVSb {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: auto;
	background-color: @sapUiListBackground;
	z-index: 4; /* Ensure scrollbar before Resize/Reorder bars*/
}

.sapUiTableVSbBg {
	background-color: @_sap_ui_table_Scrolling_ScrollbarBackground;
}

.sapUiTableVSbExternal {
	width: @_sap_ui_table_Scrolling_ScrollbarSize;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: auto;
	background-color: @sapUiListBackground;
}

html[data-sap-ui-browser^="ie"] .sapUiTableVSb,
html[data-sap-ui-browser^="ie"] .sapUiTableVSbBg,
html[data-sap-ui-browser^="ie"] .sapUiTableVSbExternal {
	width: @_sap_ui_table_Scrolling_ScrollbarSizeIE;
	-ms-overflow-style: scrollbar;
}

html[data-sap-ui-browser^="ed"] .sapUiTableVSb,
html[data-sap-ui-browser^="ed"] .sapUiTableVSbBg,
html[data-sap-ui-browser^="ed"] .sapUiTableVSbExternal {
	width: @_sap_ui_table_Scrolling_ScrollbarSizeEdge;
	-ms-overflow-style: scrollbar;
}

.sapUiTableVSbContent {
	width: 1px;
}

.sapUiTableVScr {

	.sapUiTableVSb, .sapUiTableVSbBg {
		display: block;
	}

	.sapUiTableHSb, .sapUiTableCtrlScr, .sapUiTableColHdrScr, .sapUiTableRowActionScr {
		margin-right: @_sap_ui_table_Scrolling_ScrollbarSize;
	}

}

._sapUiTableVScrWithActionsInnerMixin_CalcMarginRight(@ScrollbarSize, @RowActionWidth) {
	margin-right: calc(@ScrollbarSize ~"+" @RowActionWidth);
}

._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @RowActionWidth) {

	.sapUiTableHSb, .sapUiTableCtrlScr, .sapUiTableColHdrScr {
		._sapUiTableVScrWithActionsInnerMixin_CalcMarginRight(@ScrollbarSize, @RowActionWidth);
	}

	.sapUiTableRowActionHeaderCell {
		margin-right: @ScrollbarSize;
	}

}

._sapUiTableVScrWithActionsMixin(@ScrollbarSize) {

	.sapUiTableVScr.sapUiTableRAct {
		._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnWidth);

		html[data-sap-ui-browser^="ie"] & {
			._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnWidthForIECalc);
		}
	}

	.sapUiSizeCozy.sapUiTableVScr.sapUiTableRAct,
	.sapUiSizeCozy .sapUiTableVScr.sapUiTableRAct {
		._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnWidthCozy);

		html[data-sap-ui-browser^="ie"] & {
			._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnWidthCozyForIECalc);
		}
	}

	.sapUiSizeCondensed.sapUiTableVScr.sapUiTableRAct,
	.sapUiSizeCondensed .sapUiTableVScr.sapUiTableRAct {
		._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnWidthCondensed);

		html[data-sap-ui-browser^="ie"] & {
			._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnWidthCondensedForIECalc);
		}
	}

	.sapUiTableVScr.sapUiTableRActS {
		._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnSmallWidth);

		html[data-sap-ui-browser^="ie"] & {
			._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnSmallWidthForIECalc);
		}
	}

	.sapUiSizeCozy.sapUiTableVScr.sapUiTableRActS,
	.sapUiSizeCozy .sapUiTableVScr.sapUiTableRActS {
		._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnSmallWidthCozy);

		html[data-sap-ui-browser^="ie"] & {
			._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnSmallWidthCozyForIECalc);
		}
	}

	.sapUiSizeCondensed.sapUiTableVScr.sapUiTableRActS,
	.sapUiSizeCondensed .sapUiTableVScr.sapUiTableRActS {
		._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnSmallWidthCondensed);

		html[data-sap-ui-browser^="ie"] & {
			._sapUiTableVScrWithActionsInnerMixin(@ScrollbarSize, @_sap_ui_table_RowActionColumnSmallWidthCondensedForIECalc);
		}
	}

}

.sapUiTableRAct:not(.sapUiTableVScr) {
	._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnWidth);

	html[data-sap-ui-browser^="ie"] & {
		._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnWidthForIECalc);
	}
}

.sapUiSizeCozy.sapUiTableRAct:not(.sapUiTableVScr),
.sapUiSizeCozy .sapUiTableRAct:not(.sapUiTableVScr) {
	._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnWidthCozy);

	html[data-sap-ui-browser^="ie"] & {
		._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnWidthCozyForIECalc);
	}
}

.sapUiSizeCondensed.sapUiTableRAct:not(.sapUiTableVScr),
.sapUiSizeCondensed .sapUiTableRAct:not(.sapUiTableVScr) {
	._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnWidthCondensed);

	html[data-sap-ui-browser^="ie"] & {
		._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnWidthCondensedForIECalc);
	}
}

.sapUiTableRActS:not(.sapUiTableVScr) {
	._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnSmallWidth);

	html[data-sap-ui-browser^="ie"] & {
		._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnSmallWidthForIECalc);
	}
}

.sapUiSizeCozy.sapUiTableRActS:not(.sapUiTableVScr),
.sapUiSizeCozy .sapUiTableRActS:not(.sapUiTableVScr) {
	._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnSmallWidthCozy);

	html[data-sap-ui-browser^="ie"] & {
		._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnSmallWidthCozyForIECalc);
	}
}

.sapUiSizeCondensed.sapUiTableRActS:not(.sapUiTableVScr),
.sapUiSizeCondensed .sapUiTableRActS:not(.sapUiTableVScr) {
	._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnSmallWidthCondensed);

	html[data-sap-ui-browser^="ie"] & {
		._sapUiTableVScrWithActionsInnerMixin(0px, @_sap_ui_table_RowActionColumnSmallWidthCondensedForIECalc);
	}
}

._sapUiTableVScrWithActionsMixin(@_sap_ui_table_Scrolling_ScrollbarSize);

html[data-sap-ui-browser^="ie"] {

	.sapUiTableVScr {
		.sapUiTableHSb, .sapUiTableCtrlScr, .sapUiTableColHdrScr, .sapUiTableRowActionScr {
			margin-right: @_sap_ui_table_Scrolling_ScrollbarSizeIE;
		}
	}

	._sapUiTableVScrWithActionsMixin(@_sap_ui_table_Scrolling_ScrollbarSizeIE);

}

html[data-sap-ui-browser^="ed"] {

	.sapUiTableVScr {
		.sapUiTableHSb, .sapUiTableCtrlScr, .sapUiTableColHdrScr, .sapUiTableRowActionScr {
			margin-right: @_sap_ui_table_Scrolling_ScrollbarSizeEdge;
		}
	}

	._sapUiTableVScrWithActionsMixin(@_sap_ui_table_Scrolling_ScrollbarSizeEdge);

}

/* Hide last border right of column header and cell when no vertical scroll is available */
.sapUiTable:not(.sapUiTableVScr) {
	.sapUiTableColHdrScr .sapUiTableHeaderCell:last-child,
	.sapUiTableCtrlScroll .sapUiTableTr > td:last-child {
		border-right: none;
	}
}

.sapUiTableHSb,
.sapUiTableHSbBg {
	display: none;
	height: @_sap_ui_table_Scrolling_ScrollbarSize;
	margin: 0;
	box-sizing: border-box;
}

.sapUiTableHSb {
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: auto;
	border-right: @_sap_ui_table_BaseBorderWidth solid transparent; /* Simulates the right border of the table cells in the content area */
	background-color: @sapUiListBackground;
}

.sapUiTableHSbBg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: @_sap_ui_table_Scrolling_ScrollbarBackground;
}

.sapUiTableHSbExternal {
	height: @_sap_ui_table_Scrolling_ScrollbarSize;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: auto;
	background-color: @sapUiListBackground;
}

html[data-sap-ui-browser^="ie"] .sapUiTableHSb,
html[data-sap-ui-browser^="ie"] .sapUiTableHSbBg,
html[data-sap-ui-browser^="ie"] .sapUiTableHSbExternal {
	height: @_sap_ui_table_Scrolling_ScrollbarSizeIE;
	-ms-overflow-style: scrollbar;
}

html[data-sap-ui-browser^="ed"] .sapUiTableHSb,
html[data-sap-ui-browser^="ed"] .sapUiTableHSbBg,
html[data-sap-ui-browser^="ed"] .sapUiTableHSbExternal {
	height: @_sap_ui_table_Scrolling_ScrollbarSizeEdge;
	-ms-overflow-style: scrollbar;
}

.sapUiTableHSbContent {
	height: 1px;
}

.sapUiTableHScr {

	.sapUiTableHSb, .sapUiTableHSbBg {
		display: block;
	}

	.sapUiTableFtr {
		border-top: @_sap_ui_table_BaseBorderWidth solid @sapUiListHeaderBorderColor;
	}

	.sapUiTableColReorderIndicator, .sapUiTableColRsz {
		bottom: @_sap_ui_table_Scrolling_ScrollbarSize;
	}

}

html[data-sap-ui-browser^="ie"] .sapUiTableHScr {
	.sapUiTableColReorderIndicator, .sapUiTableColRsz {
		bottom: @_sap_ui_table_Scrolling_ScrollbarSizeIE;
	}
}

html[data-sap-ui-browser^="ed"] .sapUiTableHScr {
	.sapUiTableColReorderIndicator, .sapUiTableColRsz {
		bottom: @_sap_ui_table_Scrolling_ScrollbarSizeEdge;
	}
}

.sapUiTableVSb,
.sapUiTableHSb,
.sapUiTableVSbExternal,
.sapUiTableHSbExternal {
	&::-webkit-scrollbar-thumb {
		background-color: @sapUiScrollBarFaceColor !important;
	}

	&::-webkit-scrollbar {
		background-color: @sapUiScrollBarTrackColor !important;
	}

	._sap_ui_table_Scrolling_NativeScrollbarCommon();
}

html.sap-desktop {
	.sapUiTableVSb,
	.sapUiTableHSb,
	.sapUiTableVSbExternal,
	.sapUiTableHSbExternal {
		._sap_ui_table_Scrolling_NativeScrollbarDesktop();
	}

	.sapUiTableVSb,
	.sapUiTableVSbExternal {
		&::-webkit-scrollbar:vertical {
			width: @_sap_ui_table_Scrolling_ScrollbarSize !important;
		}

		&::-webkit-scrollbar-thumb:vertical {
			border-left: 0.125rem solid @sapUiScrollBarTrackColor !important;
			border-right: 0.125rem solid @sapUiScrollBarTrackColor !important;
		}
	}

	.sapUiTableHSb,
	.sapUiTableHSbExternal {
		&::-webkit-scrollbar:horizontal {
			height: @_sap_ui_table_Scrolling_ScrollbarSize !important;
		}

		&::-webkit-scrollbar-thumb:horizontal {
			border-top: 0.125rem solid @sapUiScrollBarTrackColor !important;
			border-bottom: 0.125rem solid @sapUiScrollBarTrackColor !important;
		}
	}
}

html.sap-tablet:not(.sap-desktop),
html.sap-phone {
	.sapUiTableVSb,
	.sapUiTableHSb,
	.sapUiTableVSbExternal,
	.sapUiTableHSbExternal {
		-webkit-appearance: none;
		._sap_ui_table_Scrolling_NativeScrollbarMobile();
	}

	.sapUiTableVSb,
	.sapUiTableVSbExternal {
		&::-webkit-scrollbar:vertical {
			width: @_sap_ui_table_Scrolling_ScrollbarSizeMobile !important;
		}

		&::-webkit-scrollbar-thumb:vertical {
			width: 0.25rem !important;
			min-height: 0.25rem !important;
			border-left: 0.125rem solid @sapUiScrollBarBorderColor !important;
			border-right: 0.125rem solid @sapUiScrollBarBorderColor !important;
		}
	}

	.sapUiTableHSb,
	.sapUiTableHSbExternal {
		&::-webkit-scrollbar:horizontal {
			height: @_sap_ui_table_Scrolling_ScrollbarSizeMobile !important;
		}

		&::-webkit-scrollbar-thumb:horizontal {
			height: 0.25rem !important;
			min-width: 0.25rem !important;
			border-top: 0.125rem solid @sapUiScrollBarBorderColor !important;
			border-bottom: 0.125rem solid @sapUiScrollBarBorderColor !important;
		}
	}

	.sapUiTableVSb,
	.sapUiTableVSbBg,
	.sapUiTableVSbExternal {
		width: @_sap_ui_table_Scrolling_ScrollbarSizeMobile;
	}

	.sapUiTableHSb,
	.sapUiTableHSbBg,
	.sapUiTableHSbExternal {
		height: @_sap_ui_table_Scrolling_ScrollbarSizeMobile;
	}

	.sapUiTableVScr {
		.sapUiTableCtrlScr, .sapUiTableColHdrScr, .sapUiTableHSb, .sapUiTableRowActionScr {
			margin-right: @_sap_ui_table_Scrolling_ScrollbarSizeMobile;
		}
	}

	.sapUiTableHScr {
		.sapUiTableColReorderIndicator, .sapUiTableColRsz, .sapUiTableRowActionScr {
			bottom: @_sap_ui_table_Scrolling_ScrollbarSizeMobile;
		}
	}

	._sapUiTableVScrWithActionsMixin(@_sap_ui_table_Scrolling_ScrollbarSizeMobile);
}

/* END "Scrolling.less" */

/* START "DragDrop.less" */
/* ============================== */
/* CSS for sap.ui.table/DragDrop  */
/* Base theme                     */
/* ============================== */

@_sap_ui_table_DragDrop_ColumnDnDHighlightColor: @sapUiListHighlightColor;
@_sap_ui_table_DragDrop_ReorderIndicatorWidth: 2px;

.sapUiTableDragDrop {
	cursor: move;

	.sapUiTableCCnt, .sapUiTableColRsz {
		pointer-events: none;
	}

	.sapUiTableHeaderCell {
		cursor: move;

		* {
			cursor: move;
		}
	}
}

/* Column Reordering */

.sapUiTableHeaderCell.sapUiTableColReorderGhost {
	position: absolute;
	width: auto;
	max-width: 200px;
	cursor: pointer;
	border: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;
	background-color: @sapUiListHeaderBackground;
	box-shadow: @sapUiShadowLevel2;
}

.sapUiSizeCozy.sapUiTableHeaderCell.sapUiTableColReorderGhost .sapUiTableCellInner > * {
	height: 100%;
	line-height: @_sap_ui_table_BaseSizeCozy;
}

.sapUiSizeCozy.sapUiTableHeaderCell.sapUiTableColReorderGhost {
	padding-top: 0;
	padding-bottom: 0;
}

.sapUiTableColReorderIndicator {
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto; /*set dynamically*/
	width: 4 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	margin-left: (-4) * @_sap_ui_table_DragDrop_ReorderIndicatorWidth + @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	z-index: 3;
	display: none;
}

html[dir=rtl] .sapUiTableColReorderIndicator {
	margin-right: (-4) * @_sap_ui_table_DragDrop_ReorderIndicatorWidth + 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
}

.sapUiTableColReorderIndicatorActive {
	display: block;
}

html[data-sap-ui-animation^="on"] .sapUiTableColReorderIndicator {
	transition-property: left;
	transition-duration: 100ms;
}

.sapUiTableColReorderIndicatorInner {
	position: absolute;
	top: 4 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	left: 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	bottom: 0;
	width: @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
}

.sapUiTableColReorderIndicatorArrow {
	position: absolute;
	top: 0;
	left: 1px;
	width: 0;
}

.sapUiTableColReorderIndicatorArrow::after,
.sapUiTableColReorderIndicatorArrow::before {
	position: absolute;
	top: 0;
	content: " ";
}

.sapUiTableColReorderIndicatorArrow::after {
	height: 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	width: 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	border-radius: @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	top: @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	left: @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	background-color: @sapUiListHeaderBackground;
}

.sapUiTableColReorderIndicatorArrow::before {
	height: 4 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	width: 4 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	border-radius: 2 * @_sap_ui_table_DragDrop_ReorderIndicatorWidth;
	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
}

.sapUiTableColReorderFade {
	position: relative;
}

.sapUiTableColReorderFade::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: 3;
	background-color: @sapUiListHoverBackground;
	opacity: 0.5;
	box-sizing: border-box;
}

/* Column Resizing */

.sapUiTableColRsz {
	position: absolute;
	top: 0px;
	width: 5px;
	margin-left: -4px;
	bottom: 0px;
	cursor: col-resize;
	z-index: 3;
	box-sizing: border-box;
	left: -5px;
}

.sapUiTableColRsz.sapUiTableColRszActive {
	z-index: 5; /* Ensure be above Row Action Area */
}

html[dir=rtl] .sapUiTableColRsz {
	margin-right: -3px;
	right: -5px; /* it becomes "left" in RTL mode */
	left: auto;
}

html.sap-desktop .sapUiTableColRsz:hover {
	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
	opacity: 0.5;
}

.sapUiTableColRszActive,
html.sap-desktop .sapUiTableColRsz.sapUiTableColRszActive:hover {
	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
	opacity: 1;
}

/* Table Height Resizing */

.sapUiTableHeightResizer {
	box-sizing: border-box;
	height: 5px;
	width: 100%;
	position: relative;
	text-align: center;
}

.sapUiTableHeightResizer::before {
	font-family: SAP-icons;
	content: "\e1fb";
	position: absolute;
	top: 0px;
	line-height: 5px;
}

.sapUiTableHeightResizer:focus {
	outline: 0;
}

.sapUiTableHeightResizer:hover {
	cursor: n-resize;
	background-color: darken(@sapUiContentForegroundBorderColor, 28.2);
	color: @sapUiContentContrastTextColor;
}

.sapUiTableInteractiveResizerGhost {
	position: absolute;
	background-color: @_sap_ui_table_DragDrop_ColumnDnDHighlightColor;
	color: @sapUiContentContrastTextColor;
	z-index: 10000;
}

.sapUiTableRowGhost {
	z-index: auto;

	> * {
		z-index: auto;
	}

	> .sapUiTableRowGhostCount {
		position: absolute;
		top: -0.625rem;
		right: 0;
		height: @_sap_ui_table_RowHeight;
		width: @_sap_ui_table_RowHeight;

		.sapUiSizeCozy &,
		.sapUiSizeCozy& {
			height: @_sap_ui_table_RowHeightCozy;
			width: @_sap_ui_table_RowHeightCozy;
		}

		.sapUiSizeCondensed &,
		.sapUiSizeCondensed& {
			height: @_sap_ui_table_RowHeightCondensed;
			width: @_sap_ui_table_RowHeightCondensed;
		}

		display: flex;
		align-items: center;
		justify-content: center;

		background-color: @sapUiDragAndDropActiveBorderColor;
		border-radius: 0.125rem;

		> div {
			font-size: @sapMFontMediumSize;
			color: @sapUiListActiveTextColor;

			.sapUiSizeCozy &,
			.sapUiSizeCozy& {
				font-size: @sapMFontLargeSize;
			}

			.sapUiSizeCondensed &,
			.sapUiSizeCondensed& {
				font-size: @sapMFontSmallSize;
			}
		}
	}
}
/* END "DragDrop.less" */

/* START "Grouping.less" */
/* ============================== */
/* CSS for sap.ui.table/Grouping  */
/* Base theme                     */
/* ============================== */

@_sap_ui_table_Grouping_GroupIconHeight: @_sap_ui_table_RowHeight;
@_sap_ui_table_Grouping_GroupIconHeightCozy: @_sap_ui_table_RowHeightCozy;
@_sap_ui_table_Grouping_GroupIconHeightCondensed: @_sap_ui_table_RowHeightCondensed;
@_sap_ui_table_Grouping_GroupHeaderBackground: @sapUiListTableGroupHeaderBackground;
@_sap_ui_table_Grouping_GroupHeaderFadingWidth: 40px;
@_sap_ui_table_Grouping_GroupOutlineWidth: @_sap_ui_table_FocusOutlineWidth;
@_sap_ui_table_Grouping_GroupIconBorderWidth: @_sap_ui_table_BaseBorderWidth;
@_sap_ui_table_Grouping_GroupIconFontSize: @sapMFontMediumSize;

@_sap_ui_table_Grouping_TreeIconFontSize: 0.75rem;
@_sap_ui_table_Grouping_TreeIconFontSizeCozy: 1rem;

// Internet Explorer does not support nested calc().
@_sap_ui_table_Grouping_GroupIconHeightForIECalc: @_sap_ui_table_RowHeightForIECalc;
@_sap_ui_table_Grouping_GroupIconHeightCozyForIECalc: @_sap_ui_table_RowHeightCozyForIECalc;
@_sap_ui_table_Grouping_GroupIconHeightCondensedForIECalc: @_sap_ui_table_RowHeightCondensedForIECalc;

.sapUiTableTreeIcon {
	display: flex;
	flex: none;
	justify-content: center;
	align-items: center;
	width: @_sap_ui_table_RowSelectorWidth;
	cursor: default;
}

.sapUiTableTreeIcon:focus {
	outline: @_sap_ui_table_Grouping_GroupOutlineWidth dotted @sapUiContentFocusColor;
}

html[data-sap-ui-browser^="ed"] .sapUiTableTreeIcon:focus,
html[data-sap-ui-browser^="ie"] .sapUiTableTreeIcon:focus {
	outline: 0;
}

html[data-sap-ui-browser^="ed"] .sapUiTableTreeIcon:focus::before,
html[data-sap-ui-browser^="ie"] .sapUiTableTreeIcon:focus::before {
	outline: @_sap_ui_table_Grouping_GroupOutlineWidth dotted @sapUiContentFocusColor;
}

.sapUiTableTreeIcon:focus:not(*:root) { /* Webkit */
	outline-offset: -2px;
}

@supports (-moz-appearance:meterbar) { /* Firefox */
	.sapUiTableTreeIcon:focus {
		outline-offset: -2px;
	}
}

.sapUiTableGroupIcon {
	display: none;
	font-size: @_sap_ui_table_Grouping_GroupIconFontSize;
	cursor: pointer;
	line-height: calc(@_sap_ui_table_Grouping_GroupIconHeight ~"- 2 *" @_sap_ui_table_Grouping_GroupIconBorderWidth ~"-" @_sap_ui_table_Grouping_GroupOutlineWidth);
	position: absolute;
	left: 1px;
	top: @_sap_ui_table_Grouping_GroupOutlineWidth;
	bottom: 0;
	white-space: nowrap;
	font-weight: normal;
	color: @sapUiListTextColor;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: @_sap_ui_table_Grouping_GroupHeaderFadingWidth;
	background-color: @_sap_ui_table_Grouping_GroupHeaderBackground;
	z-index: 1;
	box-sizing: border-box;
	border: @_sap_ui_table_Grouping_GroupIconBorderWidth solid transparent;
	background-clip: content-box;

	html[data-sap-ui-browser^="ie"] & {
		line-height: calc(@_sap_ui_table_Grouping_GroupIconHeightForIECalc ~"- 2 *" @_sap_ui_table_Grouping_GroupIconBorderWidth ~"-" @_sap_ui_table_Grouping_GroupOutlineWidth);
	}
}

.sapUiSizeCondensed .sapUiTableGroupIcon {
	line-height: calc(@_sap_ui_table_Grouping_GroupIconHeightCondensed ~"- 2 *" @_sap_ui_table_Grouping_GroupIconBorderWidth ~"-" @_sap_ui_table_Grouping_GroupOutlineWidth);

	html[data-sap-ui-browser^="ie"] & {
		line-height: calc(@_sap_ui_table_Grouping_GroupIconHeightCondensedForIECalc ~"- 2 *" @_sap_ui_table_Grouping_GroupIconBorderWidth ~"-" @_sap_ui_table_Grouping_GroupOutlineWidth);
	}
}

.sapUiSizeCozy .sapUiTableGroupIcon {
	line-height: calc(@_sap_ui_table_Grouping_GroupIconHeightCozy ~"- 2 *" @_sap_ui_table_Grouping_GroupIconBorderWidth ~"-" @_sap_ui_table_Grouping_GroupOutlineWidth);

	html[data-sap-ui-browser^="ie"] & {
		line-height: calc(@_sap_ui_table_Grouping_GroupIconHeightCozyForIECalc ~"- 2 *" @_sap_ui_table_Grouping_GroupIconBorderWidth ~"-" @_sap_ui_table_Grouping_GroupOutlineWidth);
	}
}

.sapUiTableGroupIcon::before,
.sapUiTableTreeIcon::before {
	font-family: "SAP-icons";
	font-size: @_sap_ui_table_Grouping_TreeIconFontSize;
	color: @sapUiContentIconColor;

	.sapUiSizeCozy & {
		font-size: @_sap_ui_table_Grouping_TreeIconFontSizeCozy;
	}
}

.sapUiTableGroupIcon::before {
	width: @_sap_ui_table_RowSelectorWidth;
	text-align: center;
	vertical-align: middle;
	margin-left: -2px;
}

.sapUiSizeCozy .sapUiTableGroupIcon::before {
	width: @_sap_ui_table_RowSelectorWidthCozy;
}

.sapUiTableGroupIcon.sapUiTableGroupIconOpen::before,
.sapUiTableTreeIcon.sapUiTableTreeIconNodeOpen::before {
	content: '\e1e2';
}

.sapUiTableGroupIcon.sapUiTableGroupIconClosed::before,
.sapUiTableTreeIcon.sapUiTableTreeIconNodeClosed::before {
	content: '\e066';
}

html[dir=rtl] {
	.sapUiTableGroupIcon.sapUiTableGroupIconClosed::before,
	.sapUiTableTreeIcon.sapUiTableTreeIconNodeClosed::before {
		content: '\e067';
	}
}

.sapUiTableGroupHeaderFading(@color) {
	box-shadow: inset @_sap_ui_table_Grouping_GroupHeaderFadingWidth 0 @_sap_ui_table_Grouping_GroupHeaderFadingWidth / 2 -@_sap_ui_table_Grouping_GroupHeaderFadingWidth / 2 @color;
}

// Fading effect for overlapping
.sapUiTableGroupIcon::after {
	display: none;
	position: absolute;
	content: "";
	width: @_sap_ui_table_Grouping_GroupHeaderFadingWidth;
	top: 1px;
	bottom: 1px;
	right: 0;
	.sapUiTableGroupHeaderFading(@_sap_ui_table_Grouping_GroupHeaderBackground);
}

.sapUiTableGroupHeader > .sapUiTableRowSelectionCell:focus .sapUiTableGroupIcon {
	outline-width: @_sap_ui_table_Grouping_GroupOutlineWidth;
	outline-style: dotted;
	outline-offset: 0;
	outline-color: @sapUiContentFocusColor;
}

// Override row background and cell borders in group header rows.
.sapUiTableGroupHeader {
	&.sapUiTableRow {
		background-color: @_sap_ui_table_Grouping_GroupHeaderBackground;
	}

	> .sapUiTableCell {
		&.sapUiTableRowSelectionCell,
		&.sapUiTableDataCell {
			border-right-color: transparent;
		}

		&.sapUiTableRowActionCell {
			border-left-color: transparent;
		}
	}
}

.sapUiTableGroupMode .sapUiTableGroupHeader > .sapUiTableRowSelectionCell {
	> .sapUiTableGroupIcon {
		display: flex;
		align-items: center;

		html[data-sap-ui-browser^="ie"] & {
			display: inline-block;
		}

		&::before,
		&::after {
			display: block;

			html[data-sap-ui-browser^="ie"] & {
				display: inline-block;
			}
		}
	}
}

.sapUiTableGroupMode .sapUiTableGroupHeader.sapUiTableRowHvr,
.sapUiTableGroupMode .sapUiTableRowHvr .sapUiTableGroupIcon {
	background-color: @sapUiListHoverBackground;
}

.sapUiTableGroupMode .sapUiTableRowHvr .sapUiTableGroupIcon::after {
	.sapUiTableGroupHeaderFading(@sapUiListHoverBackground);
}

// The cell under the first column cell of a group header is only allowed to show a measure label. Any other content should be hidden.
.sapUiTableGroupMode.sapUiAnalyticalTable .sapUiTableGroupHeader .sapUiTableCellFirst:not(.sapUiTableMeasureCell) .sapUiTableCellInner {
	display: none;
}

// sapUiAnalyticalTableGroupCellHidden and sapUiAnalyticalTableSumCellHidden provides the possibility for applications to hide
// the cell content of a column on group headers and / or sums by using addStyleClass of the column template
.sapUiTableGroupMode.sapUiAnalyticalTable .sapUiTableGroupHeader .sapUiTableCellInner > .sapUiAnalyticalTableGroupCellHidden,
.sapUiTableGroupMode.sapUiAnalyticalTable .sapUiAnalyticalTableSum .sapUiTableCellInner > .sapUiAnalyticalTableSumCellHidden {
	visibility: hidden; /* hidden cell content*/
}

// Shift last cell content to left, on the right edge the AnalyticalTable's touch group menu button is placed.
html.sap-tablet:not(.sap-desktop), html.sap-phone {
	.sapUiTableGroupMode:not(.sapUiTableRAct):not(.sapUiTableRActS) .sapUiTableCtrlScroll .sapUiTableGroupHeader .sapUiTableCellLast {
		padding-right: 3rem; // The group menu button has a width of 2.5rem. Let the padding be slightly bigger.
	}
}

.sapUiTableGroupMode .sapUiTableRowFirstFixedBottom > .sapUiTableRowSelectionCell::before {
	border-top-color: @sapUiListTableFixedBorder;
}

.sapUiTableGroupShield {
	position: absolute;
	top: 0;
	left: -1px;
	bottom: -1px;
	box-sizing: border-box;
	width: 0;
	margin-left: -0px;
	background-color: @sapUiListBackground;
	pointer-events: none;
}

.sapUiTableGroupHeader > .sapUiTableRowSelectionCell:focus:not(*:root) {
	outline: 0;
}

/*Separation needed from declaration above because of IE*/
.sapUiTableGroupHeader > .sapUiTableRowSelectionCell:focus {
	outline: 0;
}

.sapUiTableGroupMode .sapUiTableTr.sapUiTableGroupHeader > .sapUiTableCellDummy {
	border-bottom: @_sap_ui_table_BaseBorderWidth solid @sapUiListBorderColor;
	background-color: @_sap_ui_table_Grouping_GroupHeaderBackground;
}

.sapUiTableGroupHeader.sapUiTableRowLastScrollable > .sapUiTableRowSelectionCell,
.sapUiTableGroupMode .sapUiTableTr.sapUiTableGroupHeader.sapUiTableRowLastScrollable > .sapUiTableCellDummy {
	border-bottom-color: @sapUiListTableFixedBorder;
}

.sapUiTableGroupMenuButton {
	display: none;
}

.sapUiTableGroupMode.sapUiAnalyticalTable .sapUiTableGroupHeader > .sapUiTableRowSelectionCell .sapUiTableGroupMenuButton {
	position: absolute;
	width: 2.5rem;
	text-align: center;
	z-index: 5;
	right: 0;
	top: 50%;
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
	background-color: @_sap_ui_table_Grouping_GroupHeaderBackground;
	font-family: 'SAP-icons';
	font-size: 1.375rem;
	color: @sapUiContentIconColor;
	display: block;
}
/* END "Grouping.less" */

/* START "AnalyticalTable.less" */
/* ============================================= */
/* CSS for control sap.ui.table/AnalyticalTable  */
/* Base theme                                    */
/* ============================================= */

.sapUiAnalyticalTable .sapUiAnalyticalTableSum > .sapUiTableCell {
	border-left-color: transparent;
	border-right-color: transparent;
}
/* END "AnalyticalTable.less" */
